// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type='file'] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}
// .el-input__inner {
//   &::placeholder {
//     color: red;
//     padding: 0;
//     margin: 0;
//     // font-size: 16px;
//   }
// }

// to fixed Dialog内select tree等组件在点击箭头时有虚晃
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

// 输入框覆盖
.el-input__inner {
  border: 1px solid #dcdfe6 !important;
  // border-width: 1PX !important;
  background-color: transparent;
  color: #fff;
}
.el-input-group__append {
  background-color: transparent;
}

.el-tabs__item {
  color: #fff;
}
.el-tabs__header {
  margin: 0;
}
.el-tabs__nav-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.02rem;
  background-color: transparent;
  z-index: 1;
}
.el-table {
  background-color: transparent;
  color: #ffffff;
  tr {
    background-color: transparent;
  }
}
// 表格样式
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: rgba(3, 69, 118, 0.5) !important;
}
// 修改表格鼠标悬浮hover背景色
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: rgba(3, 69, 118, 0.8) !important;
}
// 修改表格无数据的时候背景，字体颜色
.el-table__empty-block {
  background: transparent;
}
.el-table__empty-text {
  color: rgb(255, 255, 255);
}
//设置滚动条样式
::-webkit-scrollbar {
  width: 1px;
  height: 1px;
  background-color: transparent;
  border-radius: 6px;
}
//滚动条的滑块
// ::-webkit-scrollbar-thumb {
//   background-color: #bdc3c7;
//   border-radius: 6px;
// }

// 分页
.el-pagination {
  color: #fff;
  .el-pagination__total {
    color: #fff;
  }
  button:disabled {
    color: #c0c4cc;
    background-color: transparent;
  }
  .btn-next,
  .btn-prev {
    background-color: transparent;
    color: #ffffff;
  }
  .el-pager {
    .btn-quicknext,
    .btn-quickprev {
      color: #ffffff;
    }
    li {
      background-color: transparent;
      // .btn-quicknext,
      // .btn-quickprev {
      //   color: #ffffff;
      // }
      :hover {
        color: #1682e6;
      }
    }
  }
}
